/* CSS Document */
/* CSS Document */
body{
	margin: auto;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial; overflow-x:hidden

}
a{
	color: #000000;
	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #CC0000;
}
ul,li{
	margin: auto;
	padding: 0px;
	list-style-type: none;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; 
}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}

div, img,   span, a, p{ margin:0px; padding:0px;}

#cms img,#cms1 img,#header img{
	border: none; max-width:100%;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
div,span,a{text-overflow: ellipsis;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
.box{
	width:1200px;
	margin:auto;

}
.boxs{ width:100%; min-width:1200px;max-width:1366px; margin:auto;}
#top1{
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	font-family: "宋体";
	font-size: 12px;
	line-height: 30px;
	color: #666666;
	background-image: url(top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 100%;
}
#header{
	float: left;
	width: 100%;
	clear:both;
/*	background-color:rgba(255,255,255,0.5);*/
	height:100px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index:22;
	background-image: url(top.png);
	background-repeat: no-repeat;
	background-position: center top;
} 
#header .box{
	position: relative;
}
#header #logo{
	background-image: url(top.png);
	background-repeat: no-repeat;
	background-position: -118px bottom;
	position: absolute;
	left: 35px;
	bottom: -178px;
	height: 78px;
	width: 165px;
}
#nav{
	line-height: 40px;
	float:right;
	margin-top: 30px;	

}

#nav ul{
	width:100%;
	float:left;
	margin: 0px;
	padding: 0px;
}
#nav ul li{
	float:left;
	list-style-type: none;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}#nav ul li a{
	display: block;
	font-size: 16px;
	text-align: center;
	color:#000;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 28px;
}
#nav ul li a:hover,#nav ul li a.select{
	color: #FFFFFF;
	border-radius:10px;
	background-color: #e62129;
}
#nav>ul>li.hover:hover> a{background-color: #e62129; color:#FFFFFF;
	border-radius:10px 10px 0 0;	}
#nav ul li ul{
	background-color:#e62129;
	display:none;
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 28px;
	z-index: 999;	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC1721;
}
#nav ul li ul ul{
	left: 100%;
	top: 0px;
}
#nav ul li ul li{
	width: 100%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC1721;
	line-height: 28px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E93A43;
	margin: 0px;
}
#nav ul li ul li a{
	width: 100%;
	display:block;
	color: #FFFFFF;
	line-height: 28px;
	font-size: 14px;
	float: left;
	width: 100%;
	padding: 0px;
}
#nav ul li ul li a:hover{
	background-color: #B90B0F;padding: 0px;border-radius:0px;
	
}
.footer1{
	background-image: url(b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 269px; 
}
.footer1 img{ display:none}
.footer2{
	background-color: #282828;
	float:left;
	width:100%;
	clear:both;
	color: #999999;
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer2 .item{
	float:left;
	width:41%;
	line-height: 28px;

	margin-right: 2%;
	margin-left: 2%;
}
.footer2 .item span{
	display:block;
	line-height: 35px;
	float: left;
	width: 100%;
}
.footer2 .item input{
	background-color: #444444;
	line-height: 28px;
	height: 26px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	width:98%;
	float: left;
	color:#CCCCCC;
	padding-right: 1%;
	padding-left: 1%;
}
.footer2 .item input:hover{background-color: #555;}
.footer2 .item font{ color:#fff;}
.footer{
	background-color: #282828;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	clear: both;
}
.footer .copyright{
	background-image: url(qrcode.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 145px;
	_height: 145px;
	padding-left:280px;
	float:left;
	color: #999999;
	font-size: 12px;
}
.footer .copyright,.footer .copyright a{color: #999999;}
.tijiao{
	clear:both;
	float:left;
	width:98%;
	margin-right: 2%;
	margin-left: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tijiao button{
	background-color: #B2854A;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	height: 32px;
	width: 120px;
	font-size: 16px;
}
.toolbar,.sidebar{ display:none}


.bgs{ background-color:#F6F6F6; padding-top:10px; padding-bottom:25px; margin-top:15px;}
.bgs1{
	background-image: url(1_r3_c4.jpg);
	background-repeat: repeat-x;
	background-position: left top; height:50px; line-height:50px;
}
.bgs1 .gonggao{
	float:left;
	background-image: url(1_r3_c21.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.bgs1 .gonggao .etitle{
	float:left;
	font-weight: bold;
	margin-left: 25px;
	margin-right:5px;
	border-bottom-style: none;
}
.bgs1 .gonggao .econtent{
	float:left;
	float:none;
	margin-left:100px;
	white-space: nowrap;
	overflow: hidden;
}
.bgs1 .fr{ margin-top:10px;}
/*公司简介*/
.about{
	background-color: #008BFF;
	float: left;
	width: 100%; height:448px;
}
.about,.about a{ color:#FFFFFF}
.about .box{
	position: relative;
}
.about .fl{ width:550px;}
.about .etitle{
	font-size: 24px;
	line-height: 48px;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.about .econtent{}
.about .etitle span{
	background-image: url(about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 48px;
	width: 48px;  -webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
}

.about .etitle b{
	float: left; margin-left:15px;
}
.about .fr{
	position: absolute;
	top: 0px;
	right: -183px; height:448px; overflow:hidden;
}

.about .more{ padding-top:15px; clear:both}
.about .more a{
	border: 1px solid #fff;
	padding: 5px;
}
.about:hover .etitle span{  -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }
.about .fr img{transition: all 0.6s;  }
.about:hover .fr img{transform: scale(1.1);  }
.about .more a:hover{
	background-color: #FFFFFF;color: #008BFF;
}
/*产品展示*/
.pro{
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 687px;
	width: 100%;
}
.pro .etitle{
/*	float: left;*/
	width: 180px;
	text-align: center;
	line-height: 50px;
	height:50px;
	color: #FFFFFF;
	padding-top: 50px;
	padding-bottom: 50px; margin:auto;
}
.pro .etitle span{
	display:inline-block;
	background-image: url(yuan.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; float:left
}
.pro:hover .etitle span{  -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }
.pro .etitle b{
	display:inline-block;
	line-height: 50px;
	font-size: 28px;
	font-weight: lighter; color:#FFFFFF;
}
.pro .etitle b a{color:#FFFFFF;}
.pro .econtent{
	float: left;
	width: 100%;
}.pro .econtent .picli a{ color:#FFFFFF} 
.pro .econtent .picli{
	float: left;
	width: 226px;
	margin-left: 15px;
	text-align: center;
	background-color:rgba(0,0,0,0.3);
	padding-bottom: 10px; 
}
.pro .econtent .n1{
	margin-left: 0px;
}
.pro .econtent .picli .title {white-space: nowrap; }
.pro .econtent .picli>div{ float:left; width:100%; overflow:hidden;}

.pro .econtent .picli .title a{
	color: #FFFFFF;
	font-size: 18px; line-height:55px;
}
.pro .econtent .picli .dp{
	color: #FFFFFF;
	white-space: normal;
	font-size: 12px;
	line-height:2;
	text-align: left;
	float: left;
	width: 90%;
	margin-right:5%;
	margin-left:5%; min-height:195px;
}
.pro .econtent .n1 .dp,.pro .econtent .n2 .dp,.pro .econtent .n3 .dp,.pro .econtent .n4 .dp{ padding-left:20px; padding-right:20px;}
.pro .econtent .picli img{transition: all 0.6s;  }
.pro .econtent .picli:hover img{transform: scale(1.1);  }

/*案例*/
.case{

	float: left;

	width: 100%;
}
.case .etitle{
/*	float: left;*/
	width: 150px;
	text-align: center;
	line-height: 50px;
	height:50px;
	padding-top: 20px;
	padding-bottom: 20px; margin:auto;
}
.case .etitle span{
	display:inline-block;
	background-image: url(casetitle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px; float:left;
}

.case .etitle b{
	display:inline-block;
	line-height: 50px;
	font-size: 24px;
	font-weight: lighter;
}
.case .econtent{
	float: left;
	width: 100%;
}
.case .econtent .img{
	float: left; width:20%; overflow:hidden;
	
}
.case .econtent .n1{
	margin-left: 0px;
}


.case .econtent .img{float:left;height:200px;overflow:hidden}.case .econtent .img img{position:absolute;left:0;top:0;width:268px;height:200px;border:1px solid #f0f0f0}.case .econtent .img .dask{width:100%;height:100%;position:absolute;top:0;left:-101%;text-align:center;z-index:9}.case .econtent .img .dask span{
	display:block;
	line-height:200px;
	color:#FFFF00;
	font-size:18px;
	background-image: url(casehover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}.case .econtent .img img{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}.case .econtent .img .dask{-webkit-transition:all .4s ease-out .2s;-moz-transition:all .4s ease-out .2s;-ms-transition:all .4s ease-out .2s;transition:all .4s ease-out .2s}.case .econtent .img:hover img{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.case .econtent .img:hover .dask{left:0}

/*æ–°é—»*/
.news{
	float: left;
	width: 100%;
	background-color: #f5f4f9;
}
.news .etitle{
/*	float: left;*/
	width: 150px;
	text-align: center;
	line-height: 50px;
	height:50px;
	padding-top: 20px;
	padding-bottom: 20px; margin:auto;
}
.news .etitle span{
	display:inline-block;
	background-image: url(newstitle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px; float:left;
}

.news .etitle b{
	display:inline-block;
	line-height: 50px;
	font-size: 24px;
	font-weight: lighter;
}
.news .econtent{
	float: left;
	width: 100%;
}

.news .picli{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ddd;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news .picli .img{
	float:left;
	height: 178px;
	width: 263px;
	overflow: hidden;
}
.news .picli .img img{transition: all 0.6s;  }
.news .picli:hover .img img{transform: scale(1.1);  }
.news .picli .title{
	font-size: 18px;
	line-height: 35px;
}
.news .picli .info{
	font-size: 12px;
	color: #999999;
}
.news .picli .dp{
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
}
.news .picli .more{
	float: left;
	width: 100%;
	text-align: right;
}
.news .picli .more a{
	background-image: url(more.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	float: right;
	font-size: 12px;
	color: #666666;
}
.news .noimg .img{ display:none}
.news .picli .right{ margin-left:280px;}
.news .noimg  .right{  margin-left:0px;}
.news .noimg .info{ display:none}
.news .noimg .title span{
	background-color: #414A83;
	float: left;
	height: 18px;
	width: 4px;
	margin-top: 9px;
	margin-right: 5px;
}
.news .morebtn{
	text-align: center;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news .morebtn a{
	border-radius:5px;
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	padding: 10px;
	color: #666666;
	font-size: 12px;
}
.news .morebtn a:hover{
	color: #FFFFFF;
	background-color: #CC0000;
}
#foots .copyright{ text-align:center}
#cms .picli{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#cms .picli .img{ float:left; width:120px; overflow:hidden;}
#cms .picli .img{ max-width:100%;}
#cms .picli .right{ margin-left:130px;}

#cms .picli .right .ntitle{
	font-size: 16px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden; line-height:1.5;
}
#cms .picli .right .dp{ margin-top:5px;
	line-height: 1.5; font-size:12px;
	color: #666666; float:left; width:100%; max-height:4.5em; overflow:hidden;
}
#cms1 h1.h1{
	font-size: 22px;
	font-weight: lighter;
}